<template>
    <el-container>
        <el-header>
            <headers></headers>
        </el-header>
        <el-container>
            <el-aside width="200px" :style="{height:menuHeight+'px'}">
                <left></left>
            </el-aside>
            <el-container>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </el-container>
</template>

<script>
import headers from "@/components/common/header.vue"
import left from "@/components/common/left.vue"
export default {
    data(){
        return {
            menuHeight: document.documentElement.clientHeight-60,
        }
    },
    components:{headers,left},
    mounted(){
        // 添加所有菜单到本地
        // this.getMenuData()
        // this.getUserData()
    },
    methods:{
    },
}
</script>

<style>

</style>